﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ProductCategory.aspx.cs"
    Inherits="Maticsoft.Web.wap.ProductCategory" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <!--#include file="include/head.htm"-->
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <style type="text/css">
        .mui-row.mui-fullscreen > [class*="mui-col-"]
        {
            height: 100%;
        }
        .mui-col-xs-3, .mui-col-xs-9
        {
            overflow-y: auto;
            height: 100%;
        }
        .mui-segmented-control .mui-control-item
        {
            line-height: 50px;
            width: 100%;
        }
        .mui-control-content
        {
            display: block;
        }
        .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active
        {
            background-color: #fff;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav gotoup  mui-pull-left"></a>
			<h1 class="mui-title">商品分类</h1>
            <a class="mui-pull-right tc-black" href="default.aspx"><img src="img/home.png" class="icons-car"></a>
		</header>
    <div class="mui-content mui-row mui-fullscreen">
        <div class="mui-col-xs-3">
            <div class="mui-segmented-control mui-segmented-control-inverted mui-segmented-control-vertical">
                <a class="mui-control-item<%=(Request.QueryString["cid"]=="3" || Request.QueryString["cid"]==null) ? " mui-active" :"" %>"
                    style="width: 100%" href="###" onclick="window.location.href='ProductCategory.aspx?cid=3'">
                    个人护理</a> <a class="mui-control-item<%=Request.QueryString["cid"]=="2" ? " mui-active" :"" %>"
                        style="width: 100%" href="###" onclick="window.location.href='ProductCategory.aspx?cid=2'">
                        婴儿用品</a> <a class="mui-control-item<%=Request.QueryString["cid"]=="1" ? " mui-active" :"" %>"
                            style="width: 100%" href="###" onclick="window.location.href='ProductCategory.aspx?cid=1'">
                            家居生活</a>
            </div>
        </div>
        <div class="mui-col-xs-9">
            <div class="mui-control-content mui-active" style="float: left;">
                <ul class="mui-table-view">
                    <%=GetProduct()%>
                </ul>
            </div>
        </div>
    </div>
    </form>
</body>
</html>
